<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" type="text/css" href="__IMG__/index/css/common.css" />
    <link rel="stylesheet" type="text/css" href="__IMG__/index/css/productDetails.css" />
    <link rel="stylesheet" type="text/css" href="__IMG__/index/css/index.css" />
    <script src="__IMG__/index/lib/jquery-3.2.1/jquery-3.2.1.min.js"></script>
    <link rel="stylesheet" href="__IMG__/index/lib/bootstrap-3.3.7-dist/css/bootstrap.min.css">

    <title>商品情页</title>
</head>

<body>
    <div class="container">
        {include file="common/top1" /}

        <div></div>
        <div class="pagebody">
            <div class="left">
                <div class="nav">
                    {include file="common/cate" /}
                </div>
            </div>
        </div>
        <div class="casemain">
            {volist name="art" id="vo"}
            <div class="title-info">

                <h1>{$vo['title']}</h1>
                <p>
                    <span>{$vo['time']} 更新&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{$vo['click']}次浏览</span>
                </p>
            </div>
            <div class="main-left ">
                <div class="left-pic">
                    <img src="__IMG__/uploads/{$vo['pic']}" width="348" height="273" alt="">
                </div>
                <div class="right-info">
                    <span>价格：</span> <span>{$vo['price']}元</span>
                    <span>时间：</span> <span>{$vo['time']}</span>
                    <span>浏览次数：</span> <span>{$vo['click']}次</span>
                    <span>区域：</span> <span>历下</span>
                    <span>联系人：</span> <span>{$vo['author']}</span>
                    <a onclick="show()" id="tel1">点击查看电话号码</a>
                    <div id="tel2" style="display: none;">{$vo['tel']}</div>
                </div>
            </div>
            <div class="main-right ">
                <img src="__IMG__/index/img/pc-img/tx.png " width="100 " height="100 " alt=" ">
                <span>昵称</span>

            </div>
            <div class="main-content">
                <p class="miaoshu">详情描述</p>
                <div class="article">
                    {$vo['content']}
                    <!-- <p> 培训用的进口投影仪，成色好，投影清楚，配件齐全</p>
                    <p> 因闲置低价转让给需要的朋友。</p> -->
                    <!-- <h2>— — — — — — — — — — — — — — — — 图片描述— — — — — — — — — — — — — — — — — </h2>
                    <div class="imgs">
                        <img src="__IMG__/index/img/pc-img/p1.jpg" alt="" width="340" height="250">
                        <img src="__IMG__/index/img/pc-img/p2.jpg" alt="" width="340" height="250">
                        <img src="__IMG__/index/img/pc-img/p3.jpg" alt="" width="340" height="250">
                        <img src="__IMG__/index/img/pc-img/p4.jpg" alt="" width="340" height="250">
                    </div> -->
                </div>
            </div>
            {/volist}
        </div>
        {include file="common/bottom" /}
    </div>
    <script>
        function show() {
            $('#tel1').css('display', 'none');
            $('#tel2').css('display', 'block');
        }
    </script>
</body>

</html>